<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>M.B.F记忆沙漏</title>
		<meta name="description" content="Fullscreen Pageflip Layout with BookBlock" />
		<meta name="keywords" content="fullscreen pageflip, booklet, layout, bookblock, jquery plugin, flipboard layout, sidebar menu" />
		<meta name="author" content="Codrops" />
		<link rel="stylesheet" type="text/css" href="stylesheets/jquery.jscrollpane.custom.css" />
		<link rel="stylesheet" type="text/css" href="stylesheets/bookblock.css" />
		<link rel="stylesheet" type="text/css" href="stylesheets/custom.css" />
		<link rel="stylesheet" type="text/css" href="stylesheets/note.css" />
		<script src="javascripts/modernizr.custom.79639.js"></script>
	</head>
	<body style="background-image:url('/images/bg2.png')">
		<div id="container" class="container" >	

			<div class="menu-panel">
				<h3>M.B.F记忆沙漏</h3>
				<ul id="menu-toc" class="menu-toc">
					<li class="menu-toc-current"><a href="#item1">我的备忘录</a></li>
					<li><a href="#">我的日记</a></li>
					<li><a href="#">我的游记</a></li>
				</ul>
				<div>
					<a href="/personInformation">个人信息</a>
					<a href="" onclick="logout();">退出</a>
				</div>
			</div>

			<div class="bb-custom-wrapper">
				<div id="bb-bookblock" class="bb-bookblock" style="width:1200px;margin-left:auto;margin-right:auto;">
					<div class="bb-item" id="item1">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-1-</div>
						<div class="pageNumRight">-2-</div>
					</div>
					<div class="bb-item" id="item2">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-3-</div>
						<div class="pageNumRight">-4-</div>
					</div>
					<div class="bb-item" id="item3">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-5-</div>
						<div class="pageNumRight">-6-</div>
					</div>
					<div class="bb-item" id="item4">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-7-</div>
						<div class="pageNumRight">-8-</div>
					</div>
					<div class="bb-item" id="item5">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-9-</div>
						<div class="pageNumRight">-10-</div>
					</div>
					<div class="bb-item" id="item6">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-11-</div>
						<div class="pageNumRight">-12-</div>
					</div>
					<div class="bb-item" id="item7">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-13-</div>
						<div class="pageNumRight">-14-</div>
					</div>
					<div class="bb-item" id="item8">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-15-</div>
						<div class="pageNumRight">-16-</div>
					</div>
					<div class="bb-item" id="item9">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-17-</div>
						<div class="pageNumRight">-18-</div>
					</div>
					<div class="bb-item" id="item10">
						<div class="content"style="background-image:url('/images/bg.png');background-size:100%;">
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note2"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
							<div name="mynote" class="note1"><div class="dateDiv" name="datediv"></div><div class="close" ></div><p class="mainp" name="p1"></p></div>
						</div>
						<div class="pageNumLeft">-19-</div>
						<div class="pageNumRight">-20-</div>
					</div>
				</div>
				
				<nav>
					<span id="bb-nav-prev">&larr;</span>
					<span id="bb-nav-next">&rarr;</span>
					<span id="add" onclick="dialogShow();">+</span>
				</nav>
				<span id="tblcontents" class="menu-button">Table of Contents</span>

			</div>
				
		</div><!-- /container -->
		<div id="opacity" class="mask opacity"></div> 
		<div id="editDiv" class="editDiv">
			<textarea id="editArea" class="editArea"></textarea>
			<button id="save" class="saveAndCancel">保存</button>
			<button id="cannel" class="saveAndCancel" onclick="dialogHidden();">取消</button>
		</div>
		<script src="javascripts/jquery-1.11.1-ui-1.11.0-ujs-3.1.1.js"></script>
		<script src="javascripts/jquery.mousewheel.js"></script>
		<script src="javascripts/jquery.jscrollpane.min.js"></script>
		<script src="javascripts/jquerypp.custom.js"></script>
		<script src="javascripts/jquery.bookblock.js"></script>
		<script src="javascripts/page.js"></script>
		<script src="javascripts/note.js"></script>
		<script src="javascripts/myjs.js"></script>
<script>

	window.onload = function(){
		refreshNote();
	}
	$(function() {
		Page.init();		
	});
</script>
	</body>
</html>
